*{
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear:both;
}
.bigbox{
	width: 100%;
	max-width: 600px;
	margin:0 auto;
	position: relative;
}
.bg{
	width: 100%;
	max-width: 400px;
	height:100vh;
	background-color: #F9F9F9;
}
.header{
	width: 100%;
	max-width: 400px;
	padding: 10px;
}
.logo{
	width: 10%;
	margin:10px;
}
.logo img{
	width:25px;
	height: 25px;
}
.search{
	position: relative;
}
.search input{
	outline: none;
	border: none;
	width: 145%;
	background: #F5F5F5;
	border-radius: 20px;
	padding:10px 0px ;
	text-indent: 17%;
	margin:5px 0px ;
	color:#B3B3B3;
}
.header .search img{
	width: 16px;
	height: 16px;
	position: absolute;
	top:14px;
	left:9px;
}
.mine{
	width: 21%;
	margin:10px;
	text-align: right;
}
.mine img{
	width: 35%;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 5px;
}
.header .mine span{
	color: #4C4C4C;
	font-size: 14px;
}
.white{
	background-color: white;
}
.footer{
	padding:0px 20px 30px 20px;
	
}
.footer>p{
	font-size:14px;
	font-weight: bold;
	color:#333333;
}
.footer ul{
	font-size: 12px;
	color: #333333;
	padding: 10px 0px;
}
.footer li{
	display: inline-block;
	border-radius: 0.1rem;
	background-color: #f9f9f9;
	padding: 5px 8px;
	margin-bottom:12px;
}